@charset "UTF-8" ;
/*PC view */
@media screen and (min-width:769px) {
    .breadcrumb li {
        color: #a20a0a;
    }
    #contents h1.ttl01 {
        background: #f6f6f3;
        text-align: center;
        color:#a20a0a;
        font-size: 33px;
        padding:30px 0 25px;
        line-height: 100%;
        position: relative;
    }
    #contents p.ttl01{
        background: #f6f6f3;
        text-align: center;
        color: #000;
        font-size: 33px;
        padding: 30px 0 25px;
        line-height: 100%;
        position: relative;
        font-weight: bold;
    }
    #contents p.ttl01::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -22px;
        border: 22px solid transparent;
        border-top: 22px solid #f6f6f3;
    }
    #contents h1.ttl01::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -22px;
        border: 22px solid transparent;
        border-top: 22px solid #f6f6f3;
    }
    /*recipe*/
    #contents .main-recipe {
        background: url(../img/recipe/main_recipe.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 80px;
    }
    #contents h2.recipe {
        text-align: center;
        padding: 50px 0 80px;
        font-size: 28px;
    }
    .fbtext {
        width: 50%;
        margin: 10px auto;
        text-align: center;
        font-size: 16px;
        display: block;
    }
    .menu {
        background: #f6f6f3;
        padding: 40px 0;
    }
    .menu .inner {
        width: 1000px;
        margin: 0 auto;
    }
    .menu .menu_detail {
        width: 500px;
        position: relative;
    }
    .menu .menu_detail h3 {
        background: #555;
        color: #fff;
        font-size: 22px;
        padding: 5px 10px;
        display: inline-block;
        list-style: 120%;
        min-width: 300px;
        text-align: center;
    }
    .menu .menu_detail h3 span {
        font-size: 15px;
        margin: 0 0 0 1em;
        list-style: 120%;
    }
    .menu .menu_detail .menu_catch {
        padding: 20px 0 30px;
    }
    .menu .menu_detail dl {
        border-top: 1px dotted #a20a0a;
        margin: 0 0 5px;
    }
    .menu .menu_detail dl dt {
        color: #a20a0a;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0 5px;
    }
    .menu .menu_detail dl dt span {
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
    }
    .menu .menu_detail dl dd {
        font-size: 15px;
        padding: 0 0 10px;
        border-bottom: 1px dotted #a20a0a;
    }
    .menu.menuimgr .menu_detail {
        float: left;
    }
    .menu.menuimgr .menu_img {
        float: right;
    }
    .menu.menuimgl .menu_detail {
        float: right;
    }
    .menu.menuimgl .menu_img {
        float: left;
    }
    .menu.menualacarte {
        padding: 0 0 90px;
    }
    .menu.menualacarte .menu_detail {
        width: 100%;
    }
    .menu.menualacarte .menu_img li {
        width: 241px;
        height: 241px;
        overflow: hidden;
        float: left;
        margin: 0 10px 10px 0;
    }
    .menu.menualacarte .menu_img li:nth-child(4n) {
        margin: 0 0 10px;
    }

    /*about business*/
    #contents .main-business {
        background: url(../img/business/main_business.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 80px;
    }
    #contents .business_list {
        margin: 0 auto 140px;
        width: 980px;
    }
    #contents .business_list li {
        width: 310px;
        float: left;
        margin: 0 24px 0 0;
    }
    #contents .business_list li:last-child{
        margin: 0;
    }
    #contents .business_list li h3 {
        text-align: center;
        padding: 15px 0;
        font-size: 22px;
    }
    #contents .business_list li p {
        font-size: 14px;
        text-align: center;
    }
    #contents .business_list li p img {
        width: 310px;
    }
    #contents .business_con03 {
        background: url(../img/business/img04_business.jpg) no-repeat center 30px;
        height: 525px;
        text-align: center;
        margin: 0 0 60px;
    }
    #contents .business_con03 strong {
        font-size: 32px;
        line-height: 150%;
    }
    /*about partner*/
    #contents .main-partner {
        background: url(../img/partner/main_partner.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 50px;
    }
  /*  #contents .partner_list {
        margin: 0 auto 140px;
        width: 980px;
    }*/
    #contents h2.partner {
        text-align: center;
        font-size: 28px;
        padding: 50px 0 80px;
    }
    #contents .partner-list {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        position: relative;
    }
    #contents .partner-list .main02 {
        width: 50%;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
    }
    #contents .partner-list .main03 {
        width: 50%;
        float: right;
        position: absolute;
        right: 0;
        top: 0;
    }
    .partner-list li a {
        display: block;
        position: relative;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
    }
    .partner-list li a span {
        position: absolute;
        display: inline-block;
        left: 0;
        right: 0;
        border: solid 1px;
        border-color: rgba(255,255,255,0.7); 
        background-color: rgba(0,0,0,0.3);  padding: 10px 0; text-shadow: 0 0 3px #000;
    }
    .partner-list .main02 a span {
        top: 45%;
        margin: 0 auto;
        width: 13em;
    }  
    .partner-list .main03 a span {
        top: 45%;
        margin: 0 auto;
        width: 13em;
    }
    .partner-list img {
        width: 100%;
        display: block;
        height: auto;
    }
    .partner-list a:hover span {
        background-color: rgba(0,0,0,0.4);
    }
    .partner-detail {
        padding: 720px 0 85px;
    }
    .partner-detail h2 {
        text-align: center;
        font-size: 30px;
    }
    .partner-detail strong {
        display: block;
        font-size: 34px;
    }
    /*Bushido restuarant*/
    #contents .bushido-partner {
        background: url(../img/partner/bushido/main-bushido2.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 30px;
    }
    #contents .takumi-ya-partner {
        background: url(../img/partner/takumi-ya/main-takumi-ya.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 30px;
    }
    #contents .ren-partner {
        background: url(../img/partner/ren/main-ren.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 30px;
    }
    #contents .kamakura-partner {
        background: url(../img/partner/kamakura/main-kamakura.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 30px;
    }
    #contents .hokkaido-partner {
        background: url(../img/partner/hokkaido/main-hokkaido.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 30px;
    }
    #contents .the-lantern-partner {
        background: url(../img/partner/the-lantern/main-the-lantern.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 30px;
    }
    #contents .partner_listmenu {
        margin: 0 auto 140px;
        width: 980px;
    }
    #contents .partner_listmenu li {
        width: 310px;
        float: left;
        margin: 0 16px 0 0;
    }
  /* #contents .partner_listmenu li:last-child{
        margin: 0;
    }*/
    #contents .partner_listmenu li h3 {
        text-align: center;
        padding: 10px 0 10px 0;
        font-size: 19px;
    }
    #contents .partner_listmenu li.row-listmenu h3 {
        text-align: center;
        padding: 39px 0 10px 0;
        font-size: 19px;
    }
    #contents .partner_listmenu li p {
        font-size: 14px;
        text-align: center;
    }
    #contents .partner_listmenu li p img {
        width: 310px;
    }


    /*
    #contents .partner_list li {
        width: 226px;
        float: left;
        margin: 0 24px 0 0;
    }
    #contents .partner_list li:last-child {
        margin: 0;
    }
    #contents .partner_list li h3 {
        text-align: center;
        padding: 15px 0;
        font-size: 22px;
    }
    #contents .partner_list li p {
        font-size: 14px;
        text-align: center;
    }
    #contents .partner_list li p img {
        width: 226px;
    }
  */

    /*about product*/
    #contents .main-product {
        background: url(../img/product/main.jpg) no-repeat center 0;
        height: 525px;
        margin: 0 0 80px;   
    }

    #contents .product_head {
        width: 1000px;
        margin: 0 auto 100px;
        font-size: 20px;
        position: relative;
    }
    #contents .product_head h2 {
        font-size: 30px;
        margin: 0 0 30px;    
    }
    #contents .product_head h2 b {
        font-size: 40px;
    }
    #contents .product_head p {
        margin: 0 0 0 20px;
        color: #000;
    }
    #contents .product_head .product_head_img {
        position: absolute;
        top: 0;
        right: 0;
    }
    #contents .product_mess {
        color: #000;
        text-align: center;
        margin: 0 0 80px;
    }
    #contents .product_mess dl {
        width: 400px;
        display: inline-block;
        padding: 40px 20px;
        margin: 0 40px;
        background-color: #f6f6f3;
        border-radius: 20px;
        position: relative;
    }
    #contents .product_mess dl dt {
        font-size: 26px;
        margin: 0 0 20px;
        font-weight: bold;
    }
    #contents .product_mess dl dd {
        font-size: 16px;
    }
    #contents .product_item {
        width: 1200px;
        margin: 0 auto 80px;
        text-align: center;
    }
    #contents .product_item ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 20px;
    }
    #contents .product_item ul li img {
        width: 275px;
    }
    #contents .product_item ul li dl {
        margin: 35px 0 0;
    }
    #contents .product_item ul li dl dt {
        font-size: 20px;
        font-weight: bold;
        border-bottom: 1px dotted #a20a0a;
        padding: 0 0 5px;
        margin: 0 0 5px;
        color: #000 ;
    }
    #contents .product_item ul li dl dd {
        color: #555;
        font-size: 15px;
    }
    
}


/* Moblie */

@media screen and (max-width: 768px) {

    #contents h1.ttl01 {
        background: #f6f6f3;
        text-align: center;
        color: #a20a0a;
        font-size: 18px;
        padding: 20px 0;
        line-height: 100%;
        position: relative;
    }
    #contents p.ttl01 {
        background: #f6f6f3;
        text-align: center;
        color: #a20a0a;
        font-size: 18px;
        padding: 20px 0;
        line-height: 100%;
        position: relative;
        font-weight: bold;
    }
    #contents h1.ttl01::before, #contents p.ttl01::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border:15px solid transparent;
        border-top: 15px solid #f6f6f3;
    }
    /*recipe */
    #contents .main-recipe {
        background: url(../img/recipe/main_recipe.jpg) no-repeat center 0;
        background-size:cover ;
        height: 180px;
        margin: 0 0 30px;
    }
    #contents h2.recipe {
        text-align: center;
        padding: 20px 10px 30px;
        font-size: 18px;
    }
    .fbtext {
        margin: 10px 10px 5px auto;
        text-align: right;
        font-size: 8px;
        display: block;
    }
    .menu {
        background: #f6f6f3;
        padding: 20px 0;
    }
    .menu .inner {
        margin: 0 10px;
    }
    .menu .menu_detail {
        position: relative;
        font-size: 14px;
    }
    .menu .menu_detail h3 {
        background: #555;
        color: #fff;
        font-size: 18px;
        padding: 5px 10px;
        list-style: 120%;
        text-align: center;
    }
    .menu .menu_detail h3 span {
        font-size: 12px;
        margin: 0 0 0 1em;
        list-style: 120%;
    }
    .menu .menu_detail .menu_catch {
        padding: 10px 0;
    }
    .menu .menu_detail dl {
        border-top: 1px dotted #a20a0a;
        margin: 0 0 5px;
    }
    .menu .menu_detail dl dt {
        color: #a20a0a;
        font-size: 18px;
        font-weight: bold;
        padding: 5px 0 5px;
    }
    .menu .menu_detail dl dt span {
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
    }
    .menu .menu_detail dl dd {
        font-size: 14px;
        padding: 0 0 10px;
        border-bottom: 1px dotted #a20a0a;
    }

    .menu .menu_img {
        text-align: center;
        padding: 10px 0 0;
    }
    .menu .menu_img img {
        width: 100%;
        max-width: 450px;
    }

    .menu.menualacarte {
        padding: 0 0 40px;
    }
    .menu.menualacarte .menu_detail {
        width: 100%;
    }
    .menu.menualacarte .menu_img {
        text-align: center;
    }
    .menu.menualacarte .menu_img li {
        width: 45%;
        overflow: hidden;
        display: inline-block;
        margin: 0 1% 0 0;
    }
    /*Partner*/
    #contents .main-partner {
        background: url(../img/partner/main_partner.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 30px;
    }
    #contents h2.partner {
        text-align: center;
        font-size: 28px;
        padding: 50px 0 80px;
    }




    /*about business*/
    #contents .main-business {
        background: url(../img/business/main_business.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 30px;
    }
    #contents .business_list {
        margin: 0 10px 30px;
    }
    #contents .business_list li {
        margin: 0 0 10px;
    }
    #contents .business_list li h3 {
        text-align: center;
        padding: 15px 0;
        font-size: 18px;
    }
    #contents .business_list li p {
        font-size: 14px;
        text-align: center;
    }
    #contents .business_list li img {
        width: 100%;
    }
    #contents .business_con03 {
        background: url(../img/business/img04_business.jpg) no-repeat center 30px;
        background-size: cover;
        height: 300px;
        text-align: center;
        margin: 0 10px 60px;
    }
    #contents .business_con03 strong {
        font-size: 18px;
        line-height: 150%;
    }
    /*about partner*/
    #contents .main-partner {
        background: url(../img/partner/main_partner.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
    #contents .partner_list {
        margin: 0 10px 30px;
    }
    /*
    #contents .partner_list li {
        float: left;
        margin: 0 15px 0 0;
    }
    #contents .partner_list li:last-child {
        margin: 0;
    }
    #contents .partner_list li h3 {
        text-align: center;
        padding: 0px 0;
        font-size: 14px;
    }
    #contents .partner_list li p {
        font-size: 10px;
        text-align: center;
    }
    /*
     /*Bushido restuarant*/
     #contents .bushido-partner {
        background: url(../img/partner/bushido/main-bushido2.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
    #contents .takumi-ya-partner {
        background: url(../img/partner/takumi-ya/main-takumi-ya.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
    #contents .ren-partner {
        background: url(../img/partner/ren/main-ren.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
    #contents .kamakura-partner {
        background: url(../img/partner/kamakura/main-kamakura.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
    #contents .hokkaido-partner {
        background: url(../img/partner/hokkaido/main-hokkaido.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
    #contents .the-lantern-partner {
        background: url(../img/partner/the-lantern/main-the-lantern.jpg) no-repeat center 0;
        background-size: cover;
        height: 180px;
        margin: 0 0 20px;
    }
 /* banner moblie   */
    #contents .partner_listmenu {
        margin: 0 10px 30px;
    }
    #contents .partner_listmenu li {
        margin: 0 0 10px;
    }
  /* #contents .partner_listmenu li:last-child{
        margin: 0;
    }*/
    #contents .partner_listmenu li h3 {
        text-align: center;
        padding: 15px 0;
        font-size: 18px;
    }
    #contents .partner_listmenu li.row-listmenu h3 {
        text-align: center;
        padding: 15px 0;
        font-size: 18px;
    }
    #contents .partner_listmenu li p {
        font-size: 14px;
        text-align: center;
    }
    #contents .partner_listmenu li p img {
        width: 100%;
    }

    /*About product*/
    #contents .main-product {
        background: url(../img/product/main.jpg) no-repeat center 0;
        background-size: cover;
        height: 250px;
        margin: 0 0 30px;

    }
    #contents .product_head {
        margin: 0 10px 30px;
        font-size: 14px;
        position: relative;
    }
    #contents .product_head h2 {
        font-size: 16px;
        margin: 0 0 10px;
        text-align: center;
    }
    #contents .product_head h2 b {
        font-size: 18px;
    }
    #contents .product_head p {
        margin: 0 0 10px;
        color: #000;
    }
    #contents .product_head .product_head_img {
        text-align: center;
    }
    #contents .product_head .product_head_img img {
        width: 50%;
    }
    #contents .product_mess {
        color: #000;
        text-align: center;
        margin: 0 10px 30px;
    }
    #contents .product_mess dl {
        padding: 20px 10px;
        margin: 0 0 20px;
        background: #f6f6f3;
        border-radius: 20px;
        position: relative;
    }
    #contents .product_mess dl dt {
        font-size: 18px;
        margin: 0 0 20px;
        font-weight: bold;
    }
    #contents .product_mess dl dd {
        font-size: 14px;
    }
    #contents .product_item {
        margin: 0 20px 30px;
        text-align: center;
    }
    #contents .product_item ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 20px;
    }
    #contents .product_item ul li dl {
        margin: 10px 0 20px;
    }
    #contents .product_item ul li dl dt {
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px dotted #a20a0a;
        padding: 0 0 5px;
        margin: 0 0 5px;
        color: #000;
    }
    #contents .product_item ul li dl dd {
        color: #000;
        font-size: 12px;
    }
    #contents .product_item ul li img {
        width: 70%;
    }




}